html{
      position: absolute;
      width: 100%;
      min-height: 100%;
      font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;
      background: linear-gradient(180deg, #ff565694, #fd5252d6 85.11%);
      background: linear-gradient(359deg, #ffa2a2, #ff5b5b);
    background-size: 400% 400%;

    -webkit-animation: smooth 8s ease infinite;
    -moz-animation: smooth 8s ease infinite;
    animation: smooth 8s ease infinite;
}

@-webkit-keyframes smooth {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes smooth {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes smooth {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}








		title {
			font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;
		}

		h1 {
			color: white;
			line-height: 25px;
			display: block;
			position: absolute;
			left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
		}

		h2 {
			color: white;
			font-size: 32px;
		}
    h3 {
      color: white;
    }

		.yeet {
			font-size: 25px;
		}

		.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 20%;
			height: 20%;
		}

		
		#period {
			color: rgb(128, 0, 0);
			font-size: 20px;
		}

		#date {
			font-size: 17px;
		}

		#cheeto {
			position: absolute;
			visibility: visible;
			right: 20px;
			top: 20px;
			z-index: 200;
		}

		#dorito {
			position: absolute;
			visibility: visible;
			left: 20px;
			top: 20px;
			z-index: 200;
		}

		.emphasized {
			color: rgb(255, 255, 255);
			-webkit-text-stroke: 1px black;
			font-size: 19px;
		}
    .logo {
      width: 120px;
      height: auto;
    }
    hr {
      width:40%;
      align: center;
      margin-left: auto;
      margin-right: auto;
      right: auto;
      left: auto;
      background-color: #5d2424; 
      height: 2px; 
      border: 0;
    }
    .logs {
      display: block;
			margin-left: auto;
			margin-right: auto;
      align: center;
     width: 50%;
			height: 50%;
      background-color: #67070745;
      text-align:center;
      top: 100%;
    }
    
    .frame {
      display: block;
			margin-left: auto;
			margin-right: auto;
      align: center;
     width: 80%;
			height: 50%;
      background-color: #67070745;
      text-align:center;
      top: 100%;
    }
h2 {
	text-decoration:underline;
}
.nameth {
    text-decoration:blink;
}





/* Butttonnsss!! */
.btn-group {
	position:absolute;
	right: 5px;
}
.btn-group button {
  font-family: Nova Round;
}

.btn-group button:not(:last-child) {
  border-bottom: none; 
}


.btn-group button:hover {
  background-color: #990000;
}


.btn-group-2 {
	position:absolute;
	right: 5px;
	bottom: 5px;
}
.btn-group-2 button {
  font-family: Nova Round;
  background-color: #B50000;
  border: 0.3vmin solid white;
  border-radius: 0.3vmin;
  color: white;
  padding: 15px 28px;
  cursor: pointer;
  width: 20vmin;
  height: 4vmin;
  display: block;
  right: 1px;
  font-size: 2vmin;
}

.btn-group-2 button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
}


.btn-group-2 button:hover {
  background-color: #990000;
}




a{
	text-decoration: none;
}

/* Dropdown Button */
.dropbtn {
  background-color: #8b0000;
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 150px;
  height:30px;
  right:20px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #8000007a;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: fixed;
  display: inline-block;
  height: 609px;
  width: 200px;
  right: 1vmin;
  top: 5px;
  overflow: visible;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left: -20.45%;
			-webkit-transform: translateX(15%);
      transform: translateX(15%);
      top: 45px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* yeeet */
#warning {
  font-family: Nova Round;
  color: white;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 5px;
  font-size: 2vmin;
  width: 50%;
  text-align: center;
  z-index: 102;
}
.logo{
  display: block;
  position: fixed;
  left: 1%;
  bottom: 1%;
  width: 13vmin;
}